// export const TimeIcon: React.FC<IconProps> = ({ size = 25, color = 'inherit', stroke = '2' }) => {
//   return (
//     <svg
//       xmlns='http://www.w3.org/2000/svg'
//       width={size}
//       height={size}
//       viewBox='0 0 24 24'
//       fill='none'
//       style={{ color }}
//       stroke={stroke}
//     >
//       <path d='M18.5625 11.25H12.75V5.4375H11.25V12.75H18.5625V11.25Z' fill='currentColor' />
//       <path d='M5.25 11.25H3.75V12.75H5.25V11.25Z' fill='currentColor' />
//       <path
//         d='M12 23.8125C18.525 23.8125 23.8125 18.525 23.8125 12C23.8125 5.475 18.525 0.1875 12 0.1875C5.475 0.1875 0.1875 5.475 0.1875 12C0.1875 18.525 5.475 23.8125 12 23.8125ZM12 1.6875C17.6812 1.6875 22.3125 6.31875 22.3125 12C22.3125 17.6812 17.6812 22.3125 12 22.3125C6.31875 22.3125 1.6875 17.6812 1.6875 12C1.6875 6.31875 6.31875 1.6875 12 1.6875Z'
//         fill='currentColor'
//       />
//     </svg>
//   );
// };

export const TimeIcon: React.FC<IconProps> = ({ size = 20, color = 'inherit' }) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 20 20"
      fill="none"
      stroke={'currentColor'}
      style={{ color }}
    >
      <path
        d="M1 10C1 11.1819 1.23279 12.3522 1.68508 13.4442C2.13738 14.5361 2.80031 15.5282 3.63604 16.364C4.47177 17.1997 5.46392 17.8626 6.55585 18.3149C7.64778 18.7672 8.8181 19 10 19C11.1819 19 12.3522 18.7672 13.4442 18.3149C14.5361 17.8626 15.5282 17.1997 16.364 16.364C17.1997 15.5282 17.8626 14.5361 18.3149 13.4442C18.7672 12.3522 19 11.1819 19 10C19 7.61305 18.0518 5.32387 16.364 3.63604C14.6761 1.94821 12.3869 1 10 1C7.61305 1 5.32387 1.94821 3.63604 3.63604C1.94821 5.32387 1 7.61305 1 10Z"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M10 5V10L13 13"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};